<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<p:dialog xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	xmlns:pe="http://primefaces.org/ui/extensions"
	modal="true" width="720" height="505" resizable="false" 
	widgetVar="dialogAddProduto" id="dialogProduto" closable="false"
	appendToBody="true">

	<link type="text/css" rel="stylesheet" href="../../resources/css/style.css" />
	
	<f:facet name="header">
		<h:outputText value="Cadastrar Produto" />
	</f:facet>
	
	<h:form id="formAddProduto" prependId="false">
		<p:messages id="messageFormProduto"/>
		
		<h:panelGrid columns="4" style="padding:5px;">
			<h:outputText value="Código" />
			<h:outputText value="Grupo *" />
			<h:outputText value="" />		
			<h:outputText value="Descrição *" />		
			
			<p:inputText style="width:100px;" disabled="true" value="#{fornecedorBean.newProduto.id}"/>
			
			<p:autoComplete id="inputGrupo" var="grupo" value="#{fornecedorBean.newProduto.grupo}" maxlength="30"
				itemLabel="#{grupo.grupo}" itemValue="#{grupo}" size="35" required="true" requiredMessage="Selecione o grupo."
				converter="grupoConverter" completeMethod="#{fornecedorBean.getGrupoByQuery}">
				<p:ajax event="itemSelect" process="@this inputGrupo"/>
			</p:autoComplete>
					
			<p:commandButton icon="ui-icon-search" style="height:24px;" actionListener="#{fornecedorBean.openDialogListGrupo}" immediate="true"/>
			<p:inputText style="width:250px;" value="#{fornecedorBean.newProduto.descricao}" required="true" requiredMessage="Informe a descrição." maxlength="30"/>
		</h:panelGrid>
		
		<h:panelGrid columns="3" style="padding:5px;">	
			<h:outputText value="Unidade" />			
			<h:outputText value="Marca" />				
			<h:outputText value="Código de barras" />	
			
			<p:selectOneMenu style="width:100px" value="#{fornecedorBean.newProduto.unidade}">
				<f:selectItem itemLabel="" itemValue="#{null}"/>
				<f:selectItems value="#{fornecedorBean.unidades}" />
			</p:selectOneMenu>
			<p:inputText style="width:180px;" value="#{fornecedorBean.newProduto.marca}" maxlength="25"/>
			<p:inputText style="width:180px;" value="#{fornecedorBean.newProduto.codigoBarras}" maxlength="25"/>
			
		</h:panelGrid>		
		
		<h:panelGrid columns="4" style="padding:5px;">			
			<h:outputText value="Valor de custo" />		
			<h:outputText value="Valor de venda" />	
			<h:outputText value="Estoque mínimo" />	
			<h:outputText value="Estoque atual" />	
		
			<pe:inputNumber style="width:100px;" value="#{fornecedorBean.newProduto.valorCusto}" decimalSeparator="," decimalPlaces="2"  thousandSeparator="." disabled="true" maxValue="1000000"/>
			<pe:inputNumber style="width:100px;" value="#{fornecedorBean.newProduto.valorVenda}" decimalSeparator="," decimalPlaces="2"  thousandSeparator="." maxValue="100000"/>
			<pe:inputNumber style="width:100px;" value="#{fornecedorBean.newProduto.estoqueMinimo}" decimalPlaces="0" />
			<pe:inputNumber style="width:100px;" value="#{fornecedorBean.newProduto.estoqueAtual}" decimalPlaces="0" disabled="true"/>
		</h:panelGrid>
		
		<h:panelGrid columns="1">
			<h:outputText value="Informações técnicas" />	
							
			<p:inputTextarea style="width:645px;height:65px;" value="#{fornecedorBean.newProduto.infosTecnicas}" maxlength="255"/>	
		</h:panelGrid>
		
		<h:panelGrid columns="1">
			<h:outputText value="Restrições" />	
			
			<p:inputTextarea style="width:645px;height:65px;" value="#{fornecedorBean.newProduto.restricoes}" maxlength="255"/>	
		</h:panelGrid>
		
		<div id="popup-buttons" style="padding-bottom: 10px;padding-right: 15px; padding-top: 10px; text-align: right;">
			<p:commandButton value="Salvar" style="height:28px;" update="formAddProduto messageFormProduto" actionListener="#{fornecedorBean.saveProdutoFromDialog}" icon="ui-icon-disk"/>
			<p:commandButton value="Cancelar" style="height:28px;" actionListener="#{fornecedorBean.closeDialogAddProduto}" immediate="true" icon="ui-icon-cancel"/>
		</div>
	</h:form>
</p:dialog>